<template>
  <div>
    <p class="title"  style="margin-top: 18px;">处理信息</p>
    <a-row type="flex" justify="center">
      <a-col>
        <p class="title_table">流程历史跟踪</p>
      </a-col>
      <a-col :span="24" style="padding-bottom: 18px;">
        <a-table
          :columns="columnsHistory"
          :data-source="dataHistorySource"
          bordered
          :pagination="false"
          size="small"></a-table>
      </a-col>
    </a-row>
  </div>
</template>

<script>
  export default {
      props: {
				dataHistorySource: {
					type: Array,
					default: () => []
				}
      },
      data() {
          return {
						columnsHistory: [
							{
									title: '序号',
									rowKey: (record, index) => index,
									width: 45,
									align: 'center',
									customRender(t, r, index) {
										return parseInt(index) + 1
									}
							},
							{
									title: '名称',
									align: 'center',
									width: 65,
									dataIndex: 'name'
							}, {
									title: '流程实例ID',
									align: 'center',
									width: 80,
									dataIndex: 'processInstanceId'
							}, {
									title: '开始时间',
									align: 'center',
									width: 130,
									dataIndex: 'startTime'
							}, {
									title: '结束时间',
									align: 'center',
									width: 130,
									dataIndex: 'endTime'
							}, {
									title: '负责人',
									align: 'center',
									width: 55,
									dataIndex: 'assigneeName'
							}, {
									title: '处理结果',
									width: 65,
									align: 'center',
									dataIndex: 'deleteReason'
							}, {
									title: '处理意见',
									align: 'center',
									dataIndex: 'remarks'
							}
            ]
          }
      },
      methods: {

      }
  };
</script>
<style lang="less" scoped>
.page{
		background: #ffffff;
		padding: 19px 28px 0 28px;
		width: 750px;
		.print_title{
				font-size: 15px;
				font-family: Alibaba PuHuiTi 2.0;
				font-weight: normal;
				color: #000000;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-bottom: 9px;
		}
		.title {
				background: #EEEEEE;
				font-size: 13px;
				font-family: Alibaba PuHuiTi 2.0;
				font-weight: normal;
				color: #000000;
				padding: 11px 9px;
		}
		.content {
				font-size: 13px;
		}

		.title_table{
				font-size: 13px;
				font-family: Alibaba PuHuiTi 2.0;
				font-weight: normal;
				color: #000000;
		}
}
/deep/ .rowClass{
		font-size: 10px;
		font-family: Alibaba PuHuiTi 2.0;
		font-weight: normal;
		color: #000000;
}
/deep/ .ant-table-thead th{
		font-size: 10px;
		font-family: Alibaba PuHuiTi 2.0;
		font-weight: normal;
		color: #000000;
}
/deep/ .ant-table-thead tr{
		background: #EEEEEE;
}
/deep/ .ant-table-small > .ant-table-content > .ant-table-body {
		margin: 0 0px;
}
/deep/ .ant-table-body tr {
		font-size: 10px;
		font-family: Alibaba PuHuiTi 2.0;
		font-weight: normal;
		color: #000000;
}
/deep/ .ant-table-body tr td {
    word-wrap:break-word;
    word-break:break-all;
  }
  .content {
    font-size: 13px;
  }
</style>
